<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ page import     = "capaLogica.Usuario" %>
<%@ page import     = "capaLogica.PerfilGrupo" %>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<% 	Usuario usuario = (Usuario)session.getAttribute("usuario"); 
	PerfilGrupo perfil = (PerfilGrupo)session.getAttribute("perfil");
%>
<title>Perfil de <%=perfil.getNombre()%></title>
<style type="text/css">
.menup {
 	font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color:#FFFFFF;
  		float:left;	
  		width:100%;
  		border-bottom:2px solid #FF8000
  	}
 	.menup ul {
  		list-style:none;
 		margin:0px;
 		padding:5px 10px 0
 	}
 	.menup li {
 		display:inline
 	}
 	 	.menup a {
 		background:url(imagenes/pe_der.gif) no-repeat right top;
 		float:left;
 		margin:0 1px 0 0;
 		padding:0px;
 		color:#000000;
 		text-decoration:none
 	}	
 	.menup a span {
 		background:url(imagenes/pe_izq.gif) no-repeat left top;
 		display:block;
 		padding:5px 15px
 	}
 	.menup a:hover {
 	background:url(imagenes/pe_der_actual.gif) no-repeat right top;
 		background-position:100% -75px
 	}	
 	.menup a:hover span {
 	background:url(imagenes/pe_izq_actual.gif) no-repeat left top;
 		background-position:0% -75px;
 		color:#000000
 	}	
 	.menup li.current a {
 		background:url(imagenes/pe_der_actual.gif) no-repeat right top;
 		position:relative;
 		top:2px
 	}	
 	.menup li.current a span {
 		background:url(imagenes/pe_izq_actual.gif) no-repeat left top;
 		color:#000000
 	}
</style>
	<style type="text/css">
		table.linea{
		border-style: solid;
		border-width: 1px;
		border-color: #FF8000;
		}
	</style>
	
	<script type="text/javascript">
		var css="css/estilo.css";
		document.write("<link href='" + css + "' rel='stylesheet' type='text/css'>"); 

		function evento(valor){
			if ( valor == "Edita Tu Perfil" ){
						document.formulario.action = "usuario?accion=editarPerfil";
						document.formulario.submit();
			}else{
				document.location.href="index2.jsp";
			}
		}
	</script>
</head>
<body>
<form id="formulario" name="formulario" action="" method="post">
<table width="100%">
	<tr>
		<td width="10%" align="left">
			<img src="imagenes/logo.png">
		</td>
		<td align="left" width="70%">
			<font size="5"><strong>Bienvenidos a DeBolo</strong></font>
		</td>
		<td align="left" width="20%">
			<font size="3"><strong>Bienvenido <%=usuario.getNick()%>, <a href="usuario?accion=logout">Salir</a></strong></font>
		</td>
	</tr>
</table>
<div class="menup">
      <ul>
			<li><a href="noticia?accion=listarNoticias"><span>Noticias</span></a></li>
          	<li class="current"><a href="usuario?accion=pestanaPerfilNoEditable"><span>Perfil</span></a></li>
          	<li><a href="mensajes?accion=listarMensajesRecibidos"><span>Mensajes</span></a></li>
          	<li><a href="evento?accion=verCalendario"><span>Mis Eventos</span></a></li>
          	<li><a href="busqueda?accion=paginaBusqueda"><span>Busqueda</span></a></li>
          	<li><a href="usuario?accion=listarFavoritos"><span>Mis Favoritos</span></a></li>
          	<li><a href="micuenta.jsp"><span>Mi Cuenta</span></a></li>
      </ul>
  </div>
<div style="clear:both"></div>
<br/>
<table align="center" class="linea">
	<tr>
		<td width="100%" align="center">
			<font size="5"><strong>Tu Perfil</strong></font>
		</td>
	</tr>
	<tr>
		<td width="60%" align="left">
			<strong>Nombre:</strong>&nbsp;<%=perfil.getNombre()%>
		</td>
	</tr>
	<tr>
		<td width="60%" align="left">
			<strong>Email:</strong>&nbsp;<%=perfil.getEmail() %>
		</td>
	</tr>
	<tr>
		<td width="60%" align="left">
			<strong>Telefono de Contacto:</strong>&nbsp;<%=perfil.getTelefono()%>
		</td>
	</tr>
	<tr>
		<td width="60%" align="left">
			<strong>Rider:</strong>&nbsp;<%=perfil.getRider() %>
		</td>
	</tr>
	<tr>
		<td width="60%" align="left">
			<strong>Componentes:</strong>&nbsp;<%=perfil.getComponentes()%>
		</td>
	</tr>
	<tr>
		<td colspan="4" width="100%" align="center">
			<input type="button" id="editaPerfil" name="editaPerfil" value="Edita Tu Perfil" onclick="javascript:evento(this.value);">
		</td>
	</tr>
</table>
</form>
</body>
</html>